:root {
  --mdc-theme-primary: #1040b5;
}

body {

  /* 默认文本颜色 */
  color: rgb(51, 51, 51);
  font-family: UniversNextforHSBC, Arial, "PingFang TC", "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", "Lantinghei TC", "Lantinghei SC", "Heiti TC", "Heiti SC", simhei, sans-serif;
  font-weight: 400;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #1040b5 !important;
}

/* 重置图标按钮active状态下的弧度 */
.clear-button-radius.mdc-icon-button .mdc-icon-button__ripple::before,
.clear-button-radius.mdc-icon-button .mdc-icon-button__ripple::after {
  border-radius: 0 !important;
}

.reset-tab-color {
  --font-color: white;
}

.reset-tab-color .mdc-tab .mdc-tab__text-label,
.reset-tab-color .mdc-tab--active .mdc-tab__text-label {
  color: var(--font-color);
}

.hidden-ripple .mdc-tab .mdc-tab__ripple {
  display: none !important;
}

.plus-indicator {
  --reset-indicator-width: 5px;
}

.plus-indicator .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border-top-width: var(--reset-indicator-width);
}

.reset-button {
  outline: none;
  border: none;
}

.reset-input-text-align input {
  text-align: center !important;
}

.smui-accordion.reset-shrink-panel .smui-accordion__panel.smui-accordion__panel--open>.smui-paper__content,
.smui-accordion.reset-shrink-panel .smui-accordion__panel>.smui-paper__content {
  padding: 0 !important;
}


/*** 动画 **/

/* layer: default */
@keyframes back-in-down {
  0% {
    opacity: 0;
    transform: translateY(-100px) scale(0.7);
  }

  50% {
    opacity: 0.7;
    transform: translateY(0px) scale(0.7);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/** 设计一个动画：背景色闪红，然后复原停止  */
.animate-twinkle {
  animation: twinkle 2s linear 1;
}

@keyframes twinkle {
  0% {
    opacity: 0.3;
    background-color: #ef4444;
  }

  20% {
    opacity: 1;
  }

  40% {
    opacity: 0.3;
  }

  60% {
    opacity: 1;
  }

  80% {
    opacity: 0.3;
    background-color: var(--mdc-theme-primary);
  }

  100% {
    opacity: 0.8;
  }
}

@keyframes fade-in {
  from {
    opacity: 0.3;
    box-shadow: none;
    transform: scale(.8) translateY(5vh)
  }
}

.animate-fade-in {
  animation: fade-in 1s linear 1;
}

.animate-back-in-down,
[animate-back-in-down=''] {
  animation: back-in-down 1s linear 1;
}

.clear-transition {
  transition: none !important;
}

.-zdy-svelte-picture {
  width: 100%;
  aspect-ratio: 1/1;
}

.emphasize-text {
  position: relative;
}

.emphasize-text::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--mdc-theme-primary);
  z-index: 1;
}

.part-title+.part-title {
  margin-top: 20px;
}

.reset-accordion-header-color.smui-accordion .smui-accordion__panel>.smui-accordion__header {
  background-color: #d1d5db !important;
}

.panel-top-tip::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  box-shadow: none;
  background-image: none !important;
  background-color: color-mix(in srgb, var(--mdc-theme-primary) 70%, rgb(185, 186, 255));
  z-index: 1 !important;
}

.clear-select-underline.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::before,
.clear-select-underline.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::after {
  border: none;
}

.clear-select-underline .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border: none !important;
}

.font-equal {
  font-family: 'Helvetica Neue' !important;
}

.tab-border.mdc-tab.mdc-ripple-upgraded+.tab-border.mdc-tab.mdc-ripple-upgraded {
  position: relative;
}

.tab-border.mdc-tab.mdc-ripple-upgraded+.tab-border.mdc-tab.mdc-ripple-upgraded::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.5px;
  height: 1em;
  z-index: inherit;
  transform: translate(-50%, -50%);
  box-shadow: none;
  background-image: none !important;
  background-color: #c1c1c1;
}

.table-header-blue-1 thead {
  --mdc-theme-surface: #dbeafe;
}

.table-header-red-1 thead {
  --mdc-theme-surface: #fee2e2;
}

.max-height-200px {
  max-height: 200px;
}

.fade-out {
  opacity: 0;
  /* 失去透明度 */
  height: 0;
  /* 收缩高度 */
  margin: 0;
  /* 去掉边距 */
  padding: 0;
  /* 去掉内边距 */
  overflow: hidden;
  /* 隐藏溢出 */
}

.cart-add__wrap {
  width: fit-content;
  height: fit-content;
  position: fixed;
  z-index: 1;
  animation: to_right 1s linear both;
}

.cart-add__dot {
  position: absolute;
  border-radius: 10px;
  color: #1040b5;
  font-size: 8px;
  left: 0;
  top: 0;
  opacity: 1;
  z-index: 1;
  /* transform: translate(0, 0);
  transition: translate .5s cubic-bezier(0, -1.29, 1, 1) both; */
  animation: to_bottom 1s cubic-bezier(0, -1.21, 1, 0.87) both;
}

:root {
  --endY: 0;
}

@keyframes to_bottom {
  to {
    font-weight: 800;
    font-size: 40px;
    /* transform: rotate(90deg); */
    transform: translateY(var(--endY));
  }
}

@keyframes to_right {
  to {
    left: 100%;
    opacity: 0.2;
  }
}